<template>
  <div class="info">
    <div class="info-wrapper">
      <div class="navs">
        <router-link v-for="link in navsLink" :to="link.link" :key="link.link">{{link.name}}</router-link>
      </div>
      <p class="text">
        <span>{{text[0]}}</span>
      </p>
      <div class="icp">
        <img src="../../assets/gongan.png" alt />
        <span>ICP主体备案号:</span>
        <a href="http://beian.miit.gov.cn/" target="_blank">浙ICP备17058757号-2</a>
      </div>

      <div class="allow-info-box">
        <p>
          <em class="width126">
            <a href="http://www.cyberpolice.cn/" target="_blank">
              <span>网络110报警服务</span>
            </a>
          </em>
        </p>
        <p>
          <a href="http://www.bjjubao.org/" target="_blank">
            <span>北京互联网违法和不良信息举报中心</span>
          </a>
        </p>
        <p>
          <a href="http://www.12377.cn/" target="_blank">
            <span>中国互联网举报中心</span>
          </a>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Info",
  data() {
    return {
      navsLink: [
        {
          link: "/foot/about_us",
          name: "关于站长"
        },
        {
          link: "/foot/message",
          name: "留言吐槽"
        },
        {
          link: "/foot/application",
          name: "申请管理"
        },
        {
          link: "/foot/join_us",
          name: "加入我们"
        }
      ],
      text: ["唯有春风最相惜，一年一度一归来"]
    };
  }
};
</script>

<style lang="sass" scoped>
@import '@/assets/default.sass'
.info
  border-top: 1px solid #dcdcdc
  width: 100%
  height: 9vh
  @include flex(center,center)
  .info-wrapper
    width: 1280px
    height: 100%
    position: relative
    @include align(center)
    .navs
      width: 100%
      height: 40px
      @include flex(flex-start,center)
      >a
        flex: 0 0 5%
    >p
      right: 0
      top: 20px
      color: #999
      position: absolute
      @include flex(space-between,center)
    .icp
      @include flex(flex-start,center)
    .allow-info-box
      margin-left: 20px
      @include flex(flex-start,center)
      >p
        margin-right: 10px
</style>